﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >

<head>
    <title>jQuerySL Demos</title>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    <script type="text/javascript" src="Silverlight.js"></script>
    <script type="text/javascript" src="SilverQuery.js"></script>
</head>
<body>
		<fieldset>
			<legend></legend>
		</fieldset>
		<h3>Change This Text Red!</h3>
		<input type="button" id="button1" value="Change It!" />
		
		<fieldset title="Build List Demo" id="listBuilderDemo">
			<input type="button" id="buildList" value="Append Item To List" />
			<ul style="float:right; margin-left:100px; list-style-type:none;">
			</ul>
		</fieldset>
		
		<fieldset id="restServiceDemo" title="Digg REST Call">
		<input type="button" value="Download Feed" />
			<textarea rows="10" cols="50"></textarea>
		</fieldset>
		
		<fieldset id="showHideDemo">
			<legend>Show/Hide Animation</legend>
			<div style="height:100px;">
				<h3>Text to Fade In and Out</h3>
			</div>
			<div class="status"></div>
			<input type="button" value="Do It" />
		</fieldset>
		
		<script type="text/javascript">
			SilverQuery.createObject("ClientBin/SilverQueryDemo.xap", { "component": "SilverQueryDemo.BasicSamples" });
		</script>
</body>
</html>
